<template>
	<div>

		<van-nav-bar title="自由发布" left-text="返回" left-arrow @click-left="onClickLeft" />
		<div>
			<h4>对您的宝贝进行描述吧</h4>
			<textarea cols='30px' rows='10px'></textarea>
		</div>


		<van-cell-group>
			<van-cell title="宝贝定价" value="" />
			<van-cell title="平台销售" value="" />
			<van-cell title="市场定价" value="" />
<!-- <van-cell title="种类" is-link arrow-direction="down"  v-model="value"  :options="option"/>
  <van-cell title="品牌" is-link arrow-direction="down" value="" />
  <van-cell title="成色" is-link arrow-direction="down" value="" />
  <van-cell title="适用人群" is-link arrow-direction="down" value="" />
  <van-cell title="宝贝参数" is-link arrow-direction="down" value="" />
  <van-cell title="发货时间" is-link arrow-direction="down" value="" />
  <van-cell title="是否包邮" is-link arrow-direction="down" value="" /> -->
		</van-cell-group>
		 
		  <van-dropdown-menu  class="bas">
			<van-dropdown-item v-model="value" :options="option" />
			</van-dropdown-menu>
			
			<van-dropdown-menu class="bas">
			<van-dropdown-item v-model="value1" :options="option1" />
			</van-dropdown-menu>
			
			<van-dropdown-menu class="bas">
			<van-dropdown-item v-model="value2" :options="option2" />
			</van-dropdown-menu>
			
			<van-dropdown-menu class="bas">
			<van-dropdown-item v-model="value3" :options="option3" />
			</van-dropdown-menu>
			
			<van-dropdown-menu class="bas">
			<van-dropdown-item v-model="value4" :options="option4" />
			</van-dropdown-menu>
			
			<van-dropdown-menu class="bas">
			<van-dropdown-item v-model="value5" :options="option5" />
			</van-dropdown-menu>
			
			<van-dropdown-menu class="bas" >
			<van-dropdown-item v-model="value8" :options="option8"  />
			</van-dropdown-menu>



		
	</div>
</template>

<script>
	import {
		Toast
	} from 'vant';

	export default {
		name: 'Ziyou',
		methods: {
			onClickLeft() {

				this.$router.go(-1)
			},

		},
		data() {
			return {
				value: 0,
				value1: 0,
				value2: 0,
				value3: 0,
				value4: 0,
				value5: 0,
				
				value8: 0,
				option: [{
						text: '种类',
						value: 0
					},
					{
						text: '新款商品',
						value: 1
					},
					{
						text: '活动商品',
						value: 2
					},
				],
				option8: [{
						text: '品牌',
						value: 0
					},
					{
						text: '新款商品',
						value: 1
					},
					{
						text: '活动商品',
						value: 2
					},
				],
				option1: [{
						text: '成色',
						value: 0
					},
					{
						text: '新款商品',
						value: 1
					},
					{
						text: '活动商品',
						value: 2
					},
				],
				option2: [{
						text: '适用人群',
						value: 0
					},
					{
						text: '新款商品',
						value: 1
					},
					{
						text: '活动商品',
						value: 2
					},
				],
				option3: [{
						text: '宝贝参数',
						value: 0
					},
					{
						text: '新款商品',
						value: 1
					},
					{
						text: '活动商品',
						value: 2
					},
				],
				option4: [{
						text: '发货时间',
						value: 0
					},
					{
						text: '新款商品',
						value: 1
					},
					{
						text: '活动商品',
						value: 2
					},
				],
				option5: [{
						text: '是否包邮',
						value: 0
					},
					{
						text: '是',
						value: 1
					},
					{
						text: '否',
						value: 2
					},
				],
				
			}
		}
	}
</script>

<style>
	/* .box span{
		display: block;
		width:100px;
		height:100px;
		border:#000000 1px solid;
		border-radius: 20%;
		float: left;
	} */
	.bas {
		left: -150px;
	}
</style>
